.el-overlay.is-message-box .el-message-box {
    padding: 0;
    background: linear-gradient(180deg, var(--bd8) 0%, var(--bg) 76px);
    border-radius: 16px;


    .el-message-box__header {
        padding: 24px;

        .el-message-box__title {
            font-size: 20px;
            font-weight: 500;
            color: var(--ct1);
        }

        // 关闭按钮
        .el-message-box__headerbtn {
            top: 24px;
            right: 24px;
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            border-radius: 50%;
            background-color: var(--bg); // 按钮本身的背景色

            // 隐藏 Element Plus 默认的图标
            .el-icon {
                display: none;
            }

            // 使用伪元素来创建和着色我们的图标
            &::before {
                content: "";
                display: block;
                width: 14px;
                height: 14px;
                mask-image: url("data:image/svg+xml,%3csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M785.261714 170.861714a47.981714 47.981714 0 0 1 67.876572 67.876572L579.876571 512l273.261715 273.261714a47.981714 47.981714 0 1 1-67.876572 67.876572L512 579.876571l-273.261714 273.261715a47.981714 47.981714 0 0 1-67.876572-67.876572L444.123429 512 170.861714 238.738286a47.981714 47.981714 0 0 1 67.876572-67.876572L512 444.123429l273.261714-273.261715z' fill='currentColor'/%3e%3c/svg%3e");
                mask-size: contain;
                mask-repeat: no-repeat;
                mask-position: center;
                background-color: var(--ct3);
                transition: background-color 0.3s;
            }

            // 3. Hover 时，只改变伪元素的背景色
            &:hover::before {
                background-color: var(--bd);
            }
        }
    }

    .el-message-box__content {
        padding: 0 24px;
        margin-bottom: 8px;

        .el-message-box__container {

            >.el-icon {
                display: none;
            }

            .el-message-box__message {
                font-size: 16px;
                color: var(--ct1);
            }
        }
    }

    .el-message-box__btns {
        padding: 24px;
        display: flex;
        justify-content: center;

        .el-button {
            min-width: 170px;
            height: 40px;
        }

        .el-button+.el-button {
            margin-left: 16px;
        }
    }
}